<template>
  <!-- 面包屑区域 -->
  <XtxBread separator=">">
    <XtxBreadItem to="/">首页</XtxBreadItem>
    <XtxBreadItem :to="`/category/${subCate.parentId}`"> {{ subCate.parentName }}</XtxBreadItem>
    <XtxBreadItem>{{subCate.name}}</XtxBreadItem>
  </XtxBread>
</template>
<script>
import { provide } from 'vue'
export default {
  props: { subCate: { type: Object, default: () => ({}) } },
  setup (props) {
    // 定义数据给后代
    provide('sparator', props.sparator)
  }
}
</script>
